
<head>
     <meta name='description' content="<? echo $institute[0]->descripcion_corta ?>">
  <style type="text/css">

.titulo-curso:first-letter{
  text-transform: uppercase;
}
.titulo-curso {
float: left;
font-size: 24px;
font-weight: normal;
margin: 0;
padding: 0;
overflow: hidden;
text-transform: lowercase;
max-height: 40px;
padding-left: 5px;
width: 99%;
}
.row-modalidad{
font-size: 13px;
text-align: left;
text-transform: capitalize;
}
#fila {
padding: 5px !important; 
border: 1 solid #b6b8ba;
float: right;
width: 100%;
border-radius: 5px;
border: 1px solid #b6b8ba;
}
.colum-right .row-modalidad{
    
    padding-top: 15px;
padding-bottom: 0px;
text-align: center;
text-transform: capitalize;
}
.descripcionCorta {
  float: left !important;
 color: #b5b2b2;
 font-weight: 400;
 width: 270px;
padding-left: 5px;
min-height: 110px;
overflow: hidden;
margin-top: 10px;
}
.instituto {
float: left;
padding-left: 5px;
margin-top: 10px;
}
.instituto img {
float: left;
padding-right: 5px;
width: 40px;
}
.textoIntitutoSolo {
float: left;
padding-top: 10px;
}

#filabreadcrums {
margin-bottom: 5px;
color: #cccccc;
}

.inline.btn.btn-siguiente {
width: 119px;
height: 40px;
line-height: 40px;
}
.h2interior {
  float: left;
width: 100%;
font-family: arial, tahoma, sans-serif;
font-size: 20px;
font-weight: normal;
color: #ffa563;
}
.row-precio {
padding-bottom: 15px;
}
.row-duracion {
width: 150px;
}
#form_contacto {

}
.preciocursoint {
text-align: center;
font-size: 25px;
font-weight: Bold;
color: #ffa563;
margin: 5px 0px; 
}
.colum-right .row-duracion {
  color: #b6b6b8;
}

.pMatricula {
font-size: 13px;
float: left;
text-align: center;
width: 100%;
margin-bottom: 10px;
line-height: 10px;
}
.precioMatricula {

text-align: center;
color: orange;
font-size: 16px;
font-weight: normal;
}

.xqes {
  text-align: center;
color: #ffa563;
display: block;
}
.span2.colum-right {
margin-top: 26px;
}

#form_contacto {


padding-top: 5px;

}
.popupp{
  margin-bottom: 1px;
}
#h2popup {
 line-height: 35px !important;
margin-top: 0px !important;
margin-bottom: 0px;
font-size: 22px;
font-weight: bold;
color: #ffa563
}

.metodo-curso {
font-weight: normal;
float: left;
padding-left: 5px;
line-height: 0px;
font-size: 12px;    
}
.pTipoPago {
  font-size: 16px;
  color: #ffa563;
}
.fpop {
  width: 160px;
}

.crop2 img {
  width: 282px;
  vertical-align: baseline;
}


#mapagoogle {
  border-bottom: 1px dashed #c5c5c5;
  overflow: hidden;
}
.gmaps-input-address{
 
}
#gmaps-canvas {
  height: 150px;
}
.institucionLimg {
width: 150px;
margin-top: 10px
}
.institucionLp {
font-size: 10px;
line-height: 11px;
}

.fancybox-custom{
    width: 40% !important;
}
.fancybox-inner{
    width: 100% !important;
}
  </style>
</head>
<script>
$(document).ready(function(){
    $('a[href="#form_contacto"]').on('click',function(){
       // alert('click');
        var datos=$('#curso').serialize();
        //alert(datos);
        $.ajax({
            url:'<?=base_url("instituciones/formContacto")?>',
            data:datos,
            cache:false,
            type:'POST',
            success:function(respuesta){
                alert(respuesta);
                 $.fancybox.open(respuesta,{
                    scrolling:'no',
                    maxHeight :1000,
                    maxWidth: 1000,
                    width :'100%',//puede estar en auto tambien
                    height:'100%',
                    padding:8,
                    background:'black',
                    autoResize :true,
                    wrapCSS:'fancybox-custom'

            });
            }
            
        });
        return false;
    });
      $('body').on('click','.botonp',function(){
  
  var form=$('body #form_contacto').serialize();
  //alert(form);
  $.ajax({
      url:'<?=base_url("instituciones/contacto")?>',
      data:form,
      type:'POST',
      dataType:'json',
      success:function(respuesta){
          //alert(respuesta);
          if(respuesta.estado=='1'){
              //alert('ok');
              $('#form_contacto').empty().html('<h3>Guardado correctamente</h3>');
              setTimeout(function(){$.fancybox.close();},1000);
          }else{
              $('#errores').html(respuesta.respuesta);
              $('#errores').fadeIn();
          }
      }
  });
  return false;
  });
    
    
});
</script>

<?php
$ci = &get_instance();?>


           <body onload="geocode_lookup( 'address', $('#gmaps-input-address').val(), true );gmaps_init();">
            
            <div class="container contenido">
    
    <div class="row-fluid">
        <?php $ci->load->view('home/list_categorias.php' ); ?>
        
        <div class="span7">
            
            <div id="filabreadcrums">
                   
                  
             <?php
                foreach ($institute as $row) {
                    ?> 
                            Home > Cursos > <?php echo  $row->titulo ; ?>
              </div>
            
            
            <div class="contenido">
                 <form id="curso">
                        <input type="hidden" name="nombre" value="<?=$row->titulo?>">
                        <input type="hidden" name="id_curso" value="<?=$row->id?>">
                
                    </form>
                    <div id="fila" ><h3 class="titulo-curso"><?php echo $row->titulo; ?></h3>
                        <div class="crop2"><img src="<?php echo (trim($row->foto) == '') ? base_url().'public/img/proximos.jpg' : getFotoFlick($row->foto,""); ?>" /></a></div>
                         <div class="curso_item">
                            
                          
                            <div class="descripcionCorta" ><?php echo $row->descripcion_corta;?></div>
                              <h5 class="metodo-curso">Tipo de estudio : <?php echo getTipoCursoado($row->tipo_publicacion) ?></h5>
                            <div class="instituto"><img src="<? echo $this->config->base_url(); ?>public/images/instituciones/<?php echo $instituto[0]->id;?>.jpg"/><span class="textoIntitutoSolo"><?php echo $instituto[0]->name;?></span></div>   
                        </div>
                     </div>
                
                <?  if($row->descripcion != ""){ ?>
                <h2 class="h2interior"> Descripción del curso </h2> 
                <p><?php echo $row->descripcion;?></p>
                <? }?>
                <?  if($row->orientacion != ""){ ?>
                <h2 class="h2interior"> Orientación </h2> 
                <p><?php echo $row->orientacion;?>
                <? }?>
                    
                   <?  if($row->que_incluye != ""){ ?>
                <h2 class="h2interior"> Que incluye ? </h2> </p>
                <p><?php echo $row->que_incluye;?></p>
                   <? }?>    
                <?  if($row->requisitos != ""){ ?>
                <h2 class="h2interior"> Requisitos </h2> </p>
                <p><?php echo $row->requisitos;?></p>
                   <? }?>
                
            </div>
        
            
            </div ><div class="span2 colum-right">
            <a class="inline btn btn-siguiente"  href="#form_contacto" >CONTACTAR </a>
            
            <div class="row-precio preciocursoint">
                <h3 class="preciocursoint"><?php echo getTxtPrecioCurso($row->precio);?></h3> 
                <p class="pTipoPago"><? if($row->precio != 0){?>
                <? echo getTipoCobro($row->tipo_cobro);?>
                <?}?></p>
            </div>
            
            
              <? if($row->matricula != 0){?>
               <div class="row-precio">
                <h3 class="precioMatricula"><?php echo getTxtMatricula($row->matricula);?><p class="pMatricula">Precio Matricula</p></h3>    
            </div>
              
            <?}?>
            <? if($row->tipo_duracion == 1){?>
            
            <div class="row-duracion">
             <span class="rowscursos"><img src="<? echo  base_url().'public/images/cursos/clock.png';?>"/> Duración: <?php echo $row->meses_duracion;?> meses</span> 
            </div>
            
            <?}?>
            
          <div class="row-duracion">
               <span class="rowscursos"><img src="<? echo  base_url().'public/img/calen.png';?>"/>Inicio: <?php echo date("d/m/Y", strtotime($row->fecha_inicio)) ;?></span>
          </div>
          <div class="row-modalidad">
               <span class="rowscursos"><img src="<? echo  base_url().'public/img/mappoint.png';?>"/>Modo: <?php $modes = $ci->course->getModalidad($row->modalidad);  echo $modes[0]->name; ;?></span>
          </div>
              <? if($row->modalidad <> 2){?>
            
              <div id="mapagoogle" class="row-modalidad">
                <input id='gmaps-input-address' class="input-xlarge" type='hidden' name="direccion"  value="<? echo $instituto[0]->address ?>" autofocus/>
                <div id='gmaps-error'></div>
                <div id='gmaps-canvas'></div>
              </div>

             <?}?>
             <div class="row-instituto">
                 <a href="<? echo $this->config->base_url('instituciones/verInstitucion/' . $instituto[0]->slug); ?>">
                       <div><img class="institucionLimg" src="<? echo $this->config->base_url(); ?>public/images/instituciones/<?php echo $instituto[0]->id;?>.jpg"/>
                 <h6 class="institucionL"><?php echo $instituto[0]->name;?></h6>
                 <p class="institucionLp"><?php echo $instituto[0]->descripcion;?></p>
                 </div> 
                     
                 </a>   
              
              
             </div>
        </div>
    </div>
  
                           
     
  
</div>   

</body>
       <?php
                }
                ?>            
